<template>
  <div>
    <h3>{{ obj }}</h3>
    <button @click="show">点一下我</button>
    <hr />
    <Hand />
  </div>
</template>

<script lang="ts">
import { defineComponent, reactive } from "vue";

export default defineComponent({
  name: "App",
});
</script>

<script setup lang="ts">
import Hand from "./components/fools/index.vue";
const obj = reactive({
  name: "黎绍原",
  age: 21,
  sex: "男",
  girlFriend: {
    name: "郭佳慧",
    age: 20,
    sex: "女",
  },
});
const show = () => {
  obj.age++;
  obj.girlFriend.age += 2
};
</script>

<style scoped></style>
